<template>
  <div>
    <div class="text-center">
      <div
        class="text-2xl sm:text-[38px] sm:leading-tight font-bold text-primary tracking-[-1px]"
      >
        Votre témoignage a déjà été enregistré.
      </div>

      <div class="font-medium text-md sm:text-xl text-[#808080] mt-4">
        Vous ne pouvez plus l’éditer.
      </div>

      <div class="py-8">
        <div class="font-medium text-md sm:text-xl text-[#808080] mb-4">
          Trouvez dès maintenant votre prochaine mission
        </div>

        <nuxt-link to="/missions-benevolat">
          <Button
            id="search"
            size="xl"
            rounded
            variant="green"
          >
            Trouver une mission
          </button>
        </nuxt-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  computed: {
    steps () {
      return this.$store.getters['temoignage/steps']
    },
    lastStep () {
      return this.steps[this.steps.length - 1]
    }
  },
  created () {
    this.$store.commit('temoignage/setStep', this.lastStep)
  }
}
</script>
